<template>
  <div class="anquan">
<!--    返回-->
    <div class="fanhuiljy8" @click="ljy8">
      <van-icon name="arrow-left"></van-icon>
    </div>
    <!--    安全功能-->
    <div class="anquan1" @click="copyValue('安全功能旨在减少车主的危险驾驶行为，帮助车主安全驾驶，从而为乘客提供更好的出行体验。 安全功能将在每段行程中，从疲劳驾驶、超速、急加速、急转弯、急刹车五个维度来跟随车主的驾驶行为，并及时发出提醒，帮助车主安全驾驶。', $event)">
      <font size="3">安全功能</font>
    </div>
    <!--    内容-->
    <div class="anquan111">
      <font size="3">
        <p>&ensp;&ensp;&ensp;&ensp;安全功能旨在减少车主的危险驾驶行为，帮助车主安全驾驶，从而为乘客提供更好的出行体验。 安全功能将在每段行程中，从疲劳驾驶、超速、急加速、急转弯、急刹车五个维度来跟随车主的驾驶行为，并及时发出提醒，帮助车主安全驾驶。</p>
      </font>
    </div>
    <BottomPanel/>
  </div>
</template>

<script>
import BottomPanel from "@/views/bottomPanel.vue";
import handleCopy from '@/utils/clipboard'
import {Notify} from "vant";

export default {
  components: {BottomPanel},
  methods:{
    copyValue(text, e){
      let value=text  //这里设置你要复制的文本信息，可以是text，也可以从e中获取，也可以自定义
      handleCopy(value, e, ()=>{
        console.log("这是复制成功回调函数")
        Notify({type: 'success', message: '复制成功！'});
      },()=>{
        console.log("这是复制失败回调函数")
      })
    },
    // 返回上级页面
    ljy8(){
      this.$router.push({path: '/guide'})
    }
  }
}
</script>


<style>
.anquan
{
  width: 100%;
  height: 100vh;
}
.fanhuiljy8{
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
</style>